//主页面css

@import './vars';//引入scss自定义变量
@import './mixin';//引入css自定义代码片段

@for $i from 1 through length($screen){
	@media #{nth($screen,$i)}{
		.container{
			width:nth($screen-width,$i)-18px;
		}
	}
}

.container{
	font-family: normal;
	margin:200px auto;
	@include text-align(center);
	h2{
		font-size: $font-size/3;
		color:lighten($color,40%);
	}
	input{
		width:50%;
		border:solid 1px gray;
		height:40px;
	}
	button{
		margin-left:10px;
		border:solid 1px gray;
		height:40px;
		width:8%;
	}
	img{
		height: 60px;
		width:40%;
	}
}


